/* 
    Document   : sge_web
    Created on : 17/08/2013, 11:43:31 PM
    Author     : Jave
    Description:
        Purpose of the stylesheet follows.
*/
/**********************************    LOGIN      **************************************/
#cabecera{
    position: relative;
    background: #FAFAFA;
    width: 90%;
    height: 50%;
    margin-left: 6%;
    margin-right: 1%;
    top:-5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 2px 2px 12px #999;
    -webkit-box-shadow: 2px 2px 12px #999;
    -moz-box-shadow: 2px 2px 12px #999;
}
#logo{
    position: relative;
    width: auto;
    height: 100px;
/*    background: black;    */
}
#logo1 {
    width: 400px;
    height: 100px;
}

#cuerpo{
    position: relative;
    width: 90%;
    height: 480px;
    margin-left: 6%;
    background: #FAFAFA;
    top: -3px;
    margin-top: 5px;
    margin-bottom: 5px;   
    box-shadow: 2px 2px 12px #999;
    -webkit-box-shadow: 2px 2px 12px #999;
    -moz-box-shadow: 2px 2px 12px #999;
}
#pie{
    position: relative;
    width: 90%;
    height:1px;
    margin-left: 6%;
    top: -18px;
}

/************************FIN DE LOGIN***************************************************************/

/*************************************PRINCIPAL********************************************/

#cabecera_p{
    position: relative;
    background: #FAFAFA;
    width: 1280px;
    height: 35px;
    top:-5px;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 2px 2px 12px #999;
    -webkit-box-shadow: 2px 2px 12px #999;
    -moz-box-shadow: 2px 2px 12px #999;
    background:-webkit-gradient(linear,0 0,0 bottom,from(#29a1b3),to(#239db0));
    background:-moz-linear-gradient(#29a1b3,#239db0);
    background:linear-gradient(#29a1b3,#239db0);
    -pie-background:linear-gradient(#29a1b3,#239db0);
    margin: auto;
    
    padding: 5px;
}


#logo_p{
    position: relative;
    width: auto;
    height: 100px;
    top: 10px;
    margin-left: 10px;
/*    background: black;    */
}
#logo1_p {
    width: 400px;
    height: 100px;
}

/*******************************************************/

#cuerpo_p{
   
    width: 1280px;
    height: 650px;
    background: black ;
    top: -3px;
    margin-top: 5px;
    margin-bottom: 5px;   
    box-shadow: 2px 2px 12px #999;
    -webkit-box-shadow: 2px 2px 12px #999;
    -moz-box-shadow: 2px 2px 12px #999;
   margin: auto;
   padding: 5px;
}
#cuerpo_p .cuerpo_izq{
    position: relative;
    margin: 0px;
    margin-left: 8px;
    margin-top: 0px;
    top: 5px;
    padding: 20px;
    width: 235px;
    height: 650px;
    margin-bottom: 1px;   
 
    -webkit-box-shadow: 1px 1px 4px #999;
    -moz-box-shadow: 2px 2px 12px #999;
}

   

#cuerpo_p .cuerpo_izq .centro_izq{
    position: relative;
    margin: 0px;
    margin-left: -10px;
    margin-top: -10px;
    top: 5px;
    padding: 20px;
    width: 213px;
    height: 920px;
 background: #f2f2f2;
   margin-bottom: 1px;   
 -webkit-box-shadow: 1px 1px 4px #999;
    -moz-box-shadow: 2px 2px 12px #999;
}
#cuerpo_p .cuerpo_izq .centro_izq .cuadrito{
    position: relative;
    margin: 0px;
    margin-left: -10px;
    margin-top: -10px;
    top: 5px;
    padding: 20px;
    width: 190px;
    height: 160px;
        background: #FFFFFF;
   margin-bottom: 1px;   
 -webkit-box-shadow: 1px 1px 4px #999;
    -moz-box-shadow: 2px 2px 12px #999;
}
#cuerpo_p .cuerpo_izq .centro_izq .cuadritodebajo{
    position: relative;
    margin: 0px;
    margin-left: -10px;
    margin-top: 15px;
    top: 5px;
    padding: 20px;
    width: 190px;
    height: 675px;
        background: #FFFFFF;
   margin-bottom: 1px;   
 -webkit-box-shadow: 1px 1px 4px #999;
    -moz-box-shadow: 2px 2px 12px #999;
}

#cuerpo_p .cuerpo_der{
    position: relative;
    margin-left: 305px;
    margin-top: 0px;
    top: -685px;
    padding: 20px;
    width: 925px;
    height: 650px;
margin-bottom: 1px;   
    -webkit-box-shadow: 1px 1px 4px #999;
    -moz-box-shadow: 2px 2px 12px #999;
}
#cuerpo_p .cuerpo_der .centro_der{
    position: relative;
    margin-left: -5px;
    margin-top: 200px;
    top: -205px;
    padding: 20px;
    width: 780px;
    height: 920px;
 background: #f2f2f2;
margin-bottom: 1px;   
    -webkit-box-shadow: 1px 1px 4px #999;
    -moz-box-shadow: 2px 2px 12px #999;
}
#cuerpo_p .cuerpo_der .centro_der .cuadrito_derdebajo{
    position: relative;
    margin-left: 3px;
    margin-top: 200px;
    top: -385px;
    padding: 20px;
    width: 740px;
    height: 790px;
  background: #FFFFFF;
margin-bottom: 1px;   
    -webkit-box-shadow: 1px 1px 4px #999;
    -moz-box-shadow: 2px 2px 12px #999;
}
#cuerpo_p .cuerpo_der .centro_der .cuadrito_der{
    position: relative;
    margin-left: 3px;
    margin-top: 200px;
    top: -205px;
    padding: 20px;
    width: 740px;
    height: 35px;
  background: #FFFFFF;
margin-bottom: 1px;   
    -webkit-box-shadow: 1px 1px 4px #999;
    -moz-box-shadow: 2px 2px 12px #999;
}

/*******************/
#bus{
    position: relative;
    background: #FAFAFA;
    width: 960px;
    height: 30px;
   top: -5px;
    -webkit-box-shadow: 2px 2px 12px #999;

}
#logo2 {

    height: 100px;
    margin-top: -25px;
    margin-left: 400px;
    
}

#noticia{
    position: relative;
    width: 960px;
    height:  80px;
    background: #FAFAFA;
    top: -10px;
    margin-top: 10px;
    bottom: 10px;
    box-shadow: 2px 2px 12px #999;
    -webkit-box-shadow: 2px 2px 12px #999;
    -moz-box-shadow: 2px 2px 12px #999;
}

#pie_p{
    position: relative;
    width: 1150px;
    height: 50px;
    top: 5px;
}